<template>
    <div>
        {{val.num.toFixed(0)}}
    </div>
</template>
<script setup>
import { reactive,watch } from 'vue';
import  gsap from 'gsap'
const props= defineProps({
    value:{
        type:Number,
        default: 0
    }
})
const val=reactive(
    {
        num:0
    }
)
function animate(){
    gsap.to(val,{
        duration:0.5,
        num:props.value
    })
}
animate()
watch(()=>props.value,()=>animate())
</script>
<style>
</style>